<!DOCTYPE html> 
<html> 
	<head> 
	<title>Add Alcoholic Beverage</title> 
	
	<meta name="viewport" content="width=device-width, initial-scale=1"> 

	<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.css" />
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
	<script type="text/javascript" src="http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.js"></script>
</head> 
<body> 

<div data-role="page">

	<div data-role="header">
		<h1>Beer</h1>
	</div><!-- /header -->
	<a href="index.html">Home</a><br><br>

	<div data-role="content">	
		
		
		<div data-role="fieldcontain">
    		<fieldset data-role="controlgroup" data-type="horizontal" >
    			<legend>Alcohol Level:</legend>
         			<input type="radio" name="alcohol_level_choices" id="radio-choice-1" value="choice-1" checked="checked" />
         		<label for="radio-choice-1">Light (2.7%)</label>

         		<input type="radio" name="alcohol_level_choices" id="radio-choice-2" value="choice-2"  />
         		<label for="radio-choice-2">Mid-Strength (3.5%)</label>
         		
         		 <input type="radio" name="alcohol_level_choices" id="radio-choice-3" value="choice-3"  />
         		<label for="radio-choice-3">Heavy (4.9%)</label>

       		</fieldset>
		</div>
		
		
		<div data-role="fieldcontain">
    		<fieldset data-role="controlgroup" data-type="horizontal" >
    			<legend>Drank From:</legend>
         		<input type="radio" name="drank_choices" id="radio-choice-4" value="choice-4" checked="checked" />
         		<label for="radio-choice-4">Glass (200mL)</label>

         		<input type="radio" name="drank_choices" id="radio-choice-5" value="choice-5"  />
         		<label for="radio-choice-5">Small Stubbie (250mL)</label>
         		
         		<input type="radio" name="drank_choices" id="radio-choice-6" value="choice-6"  />
         		<label for="radio-choice-6">Pot (285mL)</label>
         				
				<input type="radio" name="drank_choices" id="radio-choice-7" value="choice-7" checked="checked" />
         		<label for="radio-choice-7">Stubbie (345mL)</label>

         		<input type="radio" name="drank_choices" id="radio-choice-8" value="choice-8"  />
         		<label for="radio-choice-8">Can (375mL)</label>
         		
         		 <input type="radio" name="drank_choices" id="radio-choice-9" value="choice-9"  />
         		<label for="radio-choice-9">Schooner (425mL)</label>

         		 <input type="radio" name="drank_choices" id="radio-choice-10" value="choice-10"  />
         		<label for="radio-choice-10">British Pint Glass (568mL)</label>
       		</fieldset>
		</div>
		

       		</fieldset>
		</div>
		
		<div data-role="fieldcontain">
    		<label for="name">Total Drinks Consumed:</label>
    		<input type="text" name="name" id="name" value=""  />
		</div>	
	

		<a href="index.html" data-role="button">Add Drink</a>
		<a href="index.html" data-role="button">Go Back</a>

		
					
	</div><!-- /content -->

	<div data-role="footer">
		<h4>Navigation</h4>
	</div><!-- /footer -->
</div><!-- /page -->

</body>
</html>